<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flow Linker</title>
    <link rel="stylesheet" href="/core/css/main.css">
</head>
<body>
    <div id="container" class="container"></div>
    <script>
        const loadAppContent = async () => {
            try {
                const response = await fetch('/core/content.html');
                const bodyContent = await response.text();
                document.getElementById('container').innerHTML = bodyContent;
                loadAppScripts();
            } catch (error) {
                console.error('Error loading app body:', error);
            }
        };
        const loadAppScripts = () => {
            const script = document.createElement('script');
            script.type = 'module';
            const flowUrl = new URLSearchParams(window.location.search).get('flow');
            script.src = `/core/loadScriptsLinker.js${flowUrl ? '?flow=' + encodeURIComponent(flowUrl) : ''}`;
            document.head.appendChild(script);
        };
        loadAppContent();
    </script>
</body>
</html>
